{% extends "base.html" %}  
{% block title %}<title>{{article.Title}}</title>{% endblock %}
{% block content %}
    <div id="index_view">
      <h2 class="t_nav"><a href="/Index/">首页</a><a href="/Index/">个人博客</a></h2>
	  <p id="articleId" style="display:none;">{{article.Id}}</p>
      <h1 class="c_titile">{{article.Title}}</h1>
      <p class="box">发布时间：{{article.Time|date:"Y-m-d H:i:s"}}<span>编辑：贝塔</span></p>
      <p style="font-size:16px;">{% autoescape off %}{{article.Content}}{% endautoescape %}</p>
	  <div style="margin:20px;font-size:15px;">
        {%if singlebefore%}
        <span><h4><a href="/Blog/{{singlebefore.Id}}.html" style="text-decoration:underline;">上一篇：{{singlebefore.Title}}</a></h4></span>
        {%else%}
        <span><h4>上一篇：没有了！</h4></span>
        {%endif%}
        {%if singlenext%}
        <span style="display:block;text-align:right;float:left;text-decoration:underline;"><h4><a href="/Blog/{{singlenext.Id}}.html">下一篇：{{singlenext.Title}}</a></h4></span>
        {%else%}
        <span><h4>下一篇：没有了！</h4></span>
        {%endif%}
    </div>
    <br/>
        <div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more">分享到：</a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间">QQ空间</a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博">新浪微博</a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博">腾讯微博</a><a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网">人人网</a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信">微信</a></div>
        <script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":["qzone","tsina","weixin","tieba","sqq","thx","copy"],"bdPic":"","bdStyle":"0","bdSize":"16"},"share":{"bdSize":16},"image":{"viewList":["qzone","tsina","tqq","renren","weixin"],"viewText":"分享到：","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["qzone","tsina","tqq","renren","weixin"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
	
	
	<!-- 多说评论框 start -->
	<div class="ds-thread" data-thread-key="{{article.Id}}" data-title="{{article.Title}}" data-url="www.5youtu.com/Blog/{{article.Id}}.html"></div>
	<!-- 多说评论框 end -->
	<!-- 多说公共JS代码 start (一个网页只需插入一次) -->
	<script type="text/javascript">
	var duoshuoQuery = {short_name:"5youtu"};
		(function() {
			var ds = document.createElement('script');
			ds.type = 'text/javascript';ds.async = true;
			ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.js';
			ds.charset = 'UTF-8';
			(document.getElementsByTagName('head')[0] 
			 || document.getElementsByTagName('body')[0]).appendChild(ds);
		})();
		</script>
	<!-- 多说公共JS代码 end -->
	</div>
	<aside>
	  <div class="sunnav">
		<h2>文章分类</h2>
		<ul>
		{%for type in type_list%}
			<li><a href="/Category/{{type.Name}}" target="_blank" title="{{type.Name}}">{{type.Title}}({{type.Count}})</a></li>
		{%endfor%}
		</ul>
	  </div>
	  <div class="tuijian">
		<h2>热评文章</h2>
		<!-- 多说热评文章 start -->
		<div class="ds-top-threads" data-range="daily" data-num-items="5"></div>
		<!-- 多说热评文章 end -->
		<!-- 多说公共JS代码 start (一个网页只需插入一次) -->
		<script type="text/javascript">
		var duoshuoQuery = {short_name:"5youtu"};
			(function() {
				var ds = document.createElement('script');
				ds.type = 'text/javascript';ds.async = true;
				ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.js';
				ds.charset = 'UTF-8';
				(document.getElementsByTagName('head')[0] 
				 || document.getElementsByTagName('body')[0]).appendChild(ds);
			})();
			</script>
		<!-- 多说公共JS代码 end -->
		</div>
	  </aside>
{%endblock%}

